<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link id="zhandianIcon" rel="shortcut icon" href="https://7372-srrz-2g24l1oea7a7e67e-1304952114.tcb.qcloud.la/icon/%E7%81%AF%E5%A1%94.png" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="0;url=./index-bootstarp.html">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="./template2/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="./template2/css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="./template2/css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="./template2/js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Aladin" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="./template2/js/move-top.js"></script>
<script type="text/javascript" src="./template2/js/easing.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!-- //end-smooth-scrolling -->
</head>
<h1></h1>
<!--<body>-->
<!--<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>-->
<!--	&lt;!&ndash; banner start here &ndash;&gt;-->
<!--	<div class="agileinfo-main">-->
<!--		<div class="slider">-->
<!--			<script src="./template2/js/responsiveslides.min.js"></script>-->
<!--			<script>-->
<!--				// You can also use "$(window).load(function() {"-->
<!--				$(function () {-->
<!--				  // Slideshow 1-->
<!--				  $("#slider1").responsiveSlides({-->
<!--					 auto: true,-->
<!--					 nav: true,-->
<!--					 speed: 500,-->
<!--					 namespace: "callbacks",-->
<!--				  });-->
<!--				});-->
<!--			</script>-->
<!--			<ul class="rslides" id="slider1">-->
<!--				<li>-->
<!--					<div class="banner">-->
<!--						<h3>吉他学习交流网</h3>-->
<!--					</div>-->
<!--				</li>-->
<!--				<li>-->
<!--					<div class="banner banner2">-->
<!--						<h3>吉他学习交流网 </h3>-->
<!--					</div>-->
<!--				</li>-->
<!--				<li>-->
<!--					<div class="banner banner3">-->
<!--						<h3>吉他学习交流网 </h3>-->
<!--					</div>-->
<!--				</li>-->
<!--			</ul>-->
<!--		</div>	-->
<!--		<div class="agileinfo-header">-->
<!--			<div class="container">-->
<!--				<div class="agile-logo">-->
<!--					<h1><a href="index.html"><i class="fa fa-music bounce bounceIn animated" aria-hidden="true"></i>&nbsp237top.top</a></h1>-->
<!--				</div>-->
<!--				<div class="agileits-w3layouts-icons">-->
<!--					<div class="social-icon">-->
<!--&lt;!&ndash;						<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>&ndash;&gt;-->
<!--&lt;!&ndash;						<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> &ndash;&gt;-->
<!--&lt;!&ndash;						<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> &ndash;&gt;-->
<!--&lt;!&ndash;						<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>&ndash;&gt;-->
<!--&lt;!&ndash;						<a href="#" class="social-button skype"><i class="fa fa-skype"></i></a>&ndash;&gt;-->
<!--						<a href="#" class="social-button skype"><i class="fa fa-qrcode"></i></a>-->
<!--					</div> -->
<!--				</div>-->
<!--				<div class="clearfix"> </div>-->
<!--			</div>	    -->
<!--		</div>-->
<!--		&lt;!&ndash; navigation start here &ndash;&gt;-->
<!--		<div class="top-nav">-->
<!--			<span class="menu">Menu</span>	-->
<!--			<ul class="w3l">-->
<!--&lt;!&ndash;				<li><a class="active" href="index.html"><i aria-hidden="true" class="glyphicon glyphicon-home"></i><span>Home</span></a></li>&ndash;&gt;-->
<!--&lt;!&ndash;				<li><a href="about.html"><i class="glyphicon glyphicon-user"></i><span>About</span></a></li>&ndash;&gt;-->
<!--&lt;!&ndash;				<li><a href="blog.html"><i class="glyphicon glyphicon-list-alt"></i><span>Blog</span></a></li>&ndash;&gt;-->
<!--&lt;!&ndash;				<li><a href="codes.html"><i class="glyphicon glyphicon-picture"></i><span>Short Codes</span></a></li>&ndash;&gt;-->
<!--&lt;!&ndash;				<li><a href="contact.html"><i class="glyphicon glyphicon-envelope"></i><span>Contact</span></a></li>&ndash;&gt;-->
<!--			</ul>-->
<!--			&lt;!&ndash; script-for-menu &ndash;&gt;-->
<!--			<script>-->
<!--			   $( "span.menu" ).click(function() {-->
<!--				 $( "ul.w3l" ).slideToggle( 300, function() {-->
<!--				 // Animation complete.-->
<!--				  });-->
<!--				 });-->
<!--			</script>-->
<!--			&lt;!&ndash; //script-for-menu &ndash;&gt;-->
<!--		</div>	-->
<!--	</div>-->
<!--	&lt;!&ndash; navigation end here &ndash;&gt;-->
<!--	&lt;!&ndash; banner end here 下面的代码是注释掉的可打开 &ndash;&gt;-->
<!--&lt;!&ndash;	<div class="banner-w3bottom">&ndash;&gt;-->
<!--&lt;!&ndash;		<div class="container">&ndash;&gt;-->
<!--&lt;!&ndash;			<div class="banner-w3bottom-row">&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-4 w3ls-bnrgrids-left">&ndash;&gt;-->
<!--&lt;!&ndash;						<i class="fa fa-users" aria-hidden="true"></i>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-8 w3ls-bnrgrids-right">&ndash;&gt;-->
<!--&lt;!&ndash;						<h4>Phasellus fermentum</h4>&ndash;&gt;-->
<!--&lt;!&ndash;						<p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-4 w3ls-bnrgrids-left">&ndash;&gt;-->
<!--&lt;!&ndash;						<i class="fa fa-film" aria-hidden="true"></i>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-8 w3ls-bnrgrids-right">&ndash;&gt;-->
<!--&lt;!&ndash;						<h4>Nullam sodales suscipit </h4>&ndash;&gt;-->
<!--&lt;!&ndash;						<p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-4 w3ls-bnrgrids-left">&ndash;&gt;-->
<!--&lt;!&ndash;						<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-8 w3ls-bnrgrids-right">&ndash;&gt;-->
<!--&lt;!&ndash;						<h4>Vestibulum a facilisis</h4>&ndash;&gt;-->
<!--&lt;!&ndash;						<p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;			</div>&ndash;&gt;-->
<!--&lt;!&ndash;		</div>&ndash;&gt;-->
<!--&lt;!&ndash;	</div>&ndash;&gt;-->
<!--	&lt;!&ndash; //banner end here &ndash;&gt; -->
<!--	&lt;!&ndash; welcome &ndash;&gt;-->
<!--	<div class="welcome agileits">-->
<!--		<div class="container">-->
<!--			<h2 class="agile-title">欢迎来到我们的网站</h2>-->
<!--			<p>-->

<!--			</p>-->
<!--			<div class="welcome-agileinfo">-->
<!--				<div class="col-md-6 col-sm-6 col-xs-6 welcome-grids">-->
<!--					<div class="view view-w3-agile">-->
<!--						<img src="images/img1.jpg" alt="" class="img-responsive" />-->
<!--						<div class="agileits-w3layouts-mask">-->
<!--							<h4>Our New Albums</h4>-->
<!--							<p>Nullam ut nibh dapibus elit placerat ullamcorper</p>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="col-md-6 col-sm-6 col-xs-6 welcome-grids">-->
<!--					<div class="view view-w3-agile">-->
<!--						<img src="images/img2.jpg" alt="" class="img-responsive" />-->
<!--						<div class="agileits-w3layouts-mask">-->
<!--							<h4>Letraset sheets</h4>-->
<!--							<p>Nullam ut nibh dapibus elit placerat ullamcorper</p>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="clearfix"> </div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--	&lt;!&ndash; //welcome &ndash;&gt; -->
<!--	&lt;!&ndash; events &ndash;&gt;-->
<!--	<div class="events"> -->
<!--		<div class="container">-->
<!--			<h3 class="agile-title">Events</h3> -->
<!--			<div class="events-info">-->
<!--				<div class="col-md-6 event-grids">-->
<!--					<div class="w3layouts-text">-->
<!--						<h4>10<span>Nov</span></h4>-->
<!--						<h6><a href="single.html">Sed ut perspiciatis unde omnis </a></h6>-->
<!--						<div class="clearfix"> </div>-->
<!--					</div>-->
<!--					<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u lasec vaserat. nikertyade asetkertyptaiades goertayse.nikertyade asetkertyptaiades goertayse</p>-->
<!--				</div>-->
<!--				<div class="col-md-6 event-grids">-->
<!--					<div class="w3layouts-text">-->
<!--						<h4>20<span>Dec</span></h4>-->
<!--						<h6><a href="single.html">Voluptatem accusantium doloremque </a></h6>-->
<!--						<div class="clearfix"> </div>-->
<!--					</div>-->
<!--					<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u lasec vaserat. nikertyade asetkertyptaiades goertayse.nikertyade asetkertyptaiades goertayse</p>-->
<!--				</div>-->
<!--				<div class="clearfix"> </div>-->
<!--			</div>-->
<!--		</div> -->
<!--	</div> -->
<!--	&lt;!&ndash; //events &ndash;&gt; -->
<!--	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>-->
<!--	&lt;!&ndash;- albums &ndash;&gt;-->
<!--	<div class="albums">-->
<!--		<div class="container">-->
<!--			<h3 class="agile-title">New Albums</h3>   -->
<!--&lt;!&ndash;			<div class="col-md-6 w3lsalbums-grid">&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="albums-left"> &ndash;&gt;-->
<!--&lt;!&ndash;					<div class="wthree-almub">  &ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="albums-right">&ndash;&gt;-->
<!--&lt;!&ndash;					<h4>Dolor Sit</h4>&ndash;&gt;-->
<!--&lt;!&ndash;					<p>Nsatolernatur auts oditaut miertase vertas.Measnseqe ustur magni dolores eoqus ratione voluptate.</p>&ndash;&gt;-->
<!--&lt;!&ndash;					<a class="w3more" href="single.html"><i class="fa fa-mail-forward" aria-hidden="true"></i> More</a>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--&lt;!&ndash;				<div class="clearfix"></div>&ndash;&gt;-->
<!--&lt;!&ndash;			</div>&ndash;&gt;-->
<!--			<div class="col-md-6 w3lsalbums-grid">-->
<!--				<div class="albums-left"> -->
<!--					<div class="wthree-almub wthree-almub2"> -->
<!--					</div> -->
<!--				</div>-->
<!--				<div class="albums-right">-->
<!--					<h4>Consequat</h4>-->
<!--					<p>Nsatolernatur auts oditaut miertase vertas.Measnseqe ustur magni dolores eoqus ratione voluptate.</p>-->
<!--					<a class="w3more" href="#"><i class="fa fa-mail-forward" aria-hidden="true"></i> More</a>-->
<!--				</div>-->
<!--				<div class="clearfix"></div>-->
<!--			</div>  -->
<!--			<div class="col-md-6 w3lsalbums-grid">-->
<!--				<div class="albums1-right"> -->
<!--					<div class="wthree-almub wthree-almub3">  -->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="albums1-left">-->
<!--					<h4>Dolores Btrs</h4>-->
<!--					<p>Nsatolernatur auts oditaut miertase vertas.Measnseqe ustur magni dolores eoqus ratione voluptate.</p>-->
<!--					<a class="w3more" href="#"><i class="fa fa-mail-forward" aria-hidden="true"></i> More</a>-->
<!--				</div> -->
<!--				<div class="clearfix"></div>-->
<!--			</div>-->
<!--			<div class="col-md-6 w3lsalbums-grid">-->
<!--				<div class="albums1-right"> -->
<!--					<div class="wthree-almub wthree-almub4">  -->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="albums1-left">-->
<!--					<h4>Nam aliquam</h4>-->
<!--					<p>Nsatolernatur auts oditaut miertase vertas.Measnseqe ustur magni dolores eoqus ratione voluptate.</p>-->
<!--					<a class="w3more" href="#"><i class="fa fa-mail-forward" aria-hidden="true"></i> More</a>-->
<!--				</div> -->
<!--				<div class="clearfix"></div>-->
<!--			</div>-->
<!--			<div class="clearfix"></div> -->
<!--		</div>-->
<!--	</div>-->
<!--	&lt;!&ndash;- //albums &ndash;&gt; -->
<!--	&lt;!&ndash; footer start here &ndash;&gt;-->
<!--	<div class="agilebg-footer">-->
<!--		<div class="footer">-->
<!--			<div class="container">-->
<!--				<div class="footer-agileinfo">-->
<!--&lt;!&ndash;					<div class="col-md-3 col-sm-3 footer-wthree-grid">&ndash;&gt;-->
<!--&lt;!&ndash;						<h3>Navigation</h3>&ndash;&gt;-->
<!--&lt;!&ndash;						<ul>&ndash;&gt;-->
<!--&lt;!&ndash;							<li><a href="index.html">Home</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;							<li><a href="about.html">About</a></li> &ndash;&gt;-->
<!--&lt;!&ndash;							<li><a href="blog.html">Blog</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;							<li><a href="codes.html">Short Codes</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;							<li><a href="contact.html">Contact</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;						</ul>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-5 col-sm-5 footer-wthree-grid">&ndash;&gt;-->
<!--&lt;!&ndash;						<h3>Latest Tweet</h3>&ndash;&gt;-->
<!--&lt;!&ndash;						<div class="agileits-w3layouts-tweets">  &ndash;&gt;-->
<!--&lt;!&ndash;							<h5><i class="fa fa-twitter" aria-hidden="true"></i> Lorem ipsum</h5> &ndash;&gt;-->
<!--&lt;!&ndash;						</div>&ndash;&gt;-->
<!--&lt;!&ndash;						<p>Aenean vitae metus sit amet purus sodales blandit. Nullam ut dolor eu urna viverra semper. Mauris est odio, laoreet laoreet sapien non, sollicitudin bibendum nulla.</p>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="col-md-4 col-sm-4 footer-wthree-grid">&ndash;&gt;-->
<!--&lt;!&ndash;						<h3>Keep In Touch</h3>&ndash;&gt;-->
<!--&lt;!&ndash;						<div class="ftr-icons">&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-iblock">&ndash;&gt;-->
<!--&lt;!&ndash;								<span class="glyphicon glyphicon-map-marker">  </span>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-text">&ndash;&gt;-->
<!--&lt;!&ndash;								<p>Proin vel enim nec ipsum finibus. Duis euismod massa ut sem fringilla blandit.</p>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;					   </div>&ndash;&gt;-->
<!--&lt;!&ndash;					   <div class="ftr-icons">&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-iblock">&ndash;&gt;-->
<!--&lt;!&ndash;								<span class="glyphicon glyphicon-earphone">  </span>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-text">&ndash;&gt;-->
<!--&lt;!&ndash;								<p>+333 222 23456</p>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;					   </div>&ndash;&gt;-->
<!--&lt;!&ndash;					   <div class="ftr-icons">&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-iblock">&ndash;&gt;-->
<!--&lt;!&ndash;							   <span class="glyphicon glyphicon-envelope">  </span>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="ftr-text">&ndash;&gt;-->
<!--&lt;!&ndash;								<p><a href="mailto:info@example.com">mail@example.com</a></p>&ndash;&gt;-->
<!--&lt;!&ndash;							</div>&ndash;&gt;-->
<!--&lt;!&ndash;							<div class="clearfix"> </div>&ndash;&gt;-->
<!--&lt;!&ndash;					   </div>&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
<!--					<div class="clearfix"> </div>		-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--	&lt;!&ndash; //footer end here &ndash;&gt;-->
<!--	&lt;!&ndash; copy rights start here &ndash;&gt;-->
<!--	<div class="copy-right">-->
<!--		<div class="container"> -->
<!--			<p>Copyright © 2021 <a href="https://beian.miit.gov.cn" target="_blank" title="模板之家">京ICP备2021022096号</a> </p>-->
<!--		</div>-->
<!--	</div>-->
<!--	&lt;!&ndash; //copy right end here &ndash;&gt;  -->
<!--	&lt;!&ndash; smooth-scrolling-of-move-up &ndash;&gt;-->
<!--	<script type="text/javascript">-->
<!--		$(document).ready(function() {-->
<!--			/*-->
<!--			var defaults = {-->
<!--				containerID: 'toTop', // fading element id-->
<!--				containerHoverID: 'toTopHover', // fading element hover id-->
<!--				scrollSpeed: 1200,-->
<!--				easingType: 'linear' -->
<!--			};-->
<!--			*/-->
<!--			-->
<!--			$().UItoTop({ easingType: 'easeOutQuart' });-->
<!--			-->
<!--		});-->
<!--	</script> -->
<!--	&lt;!&ndash; //smooth-scrolling-of-move-up &ndash;&gt;-->
<!--	&lt;!&ndash; Bootstrap core JavaScript-->
<!--    ================================================== &ndash;&gt;-->
<!--    &lt;!&ndash; Placed at the end of the document so the pages load faster &ndash;&gt;-->
<!--    <script src="js/bootstrap.js"></script>-->
<!--</body>-->
</html>
